﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:content id="indexTitle" contentplaceholderid="TitleContent" runat="server">
   Game using Asp.Net MVC, jQuery and jQueryUI
</asp:content>
<asp:content id="indexContent" contentplaceholderid="MainContent" runat="server">
    <div id="gameTitle">Can you match the picture to the word?</div>                                                                   
    <div id="gameContainer">
        <p id="instructions"></p>   
        <div id="sliderContainer">
            <p>
                <label for="amount">Number of animals:</label>
                <input type="text" id="amount"/>
            </p>
            <div id="slider-range-min"></div>   
        </div>            
        <div id="items">               
        </div>         
        <div id="rightCol">
            <div id="droppable">
	            <p id="correctAnswer"/>
	        </div>
            <div id="results">
                <div id="correctResult">
                    <label id="correctResultText"></label>
                    <input id="playAgain" type="button" value="Click here to play again"/>
               </div>               
                <div id="incorrectResult"></div>
            </div>
        </div>      
    </div>    
</asp:content>
